import {Form as AntForm} from 'antd';
import {Input} from 'antd';


export default function Form() {
  return <>
    <AntForm
      name="layout-multiple-horizontal"
      layout="horizontal"
      labelCol={{ span: 4 }}
      wrapperCol={{ span: 20 }}
    >
      <AntForm.Item label="horizontal" name="horizontal" rules={[{ required: true }]}>
        <Input />
      </AntForm.Item>
      <AntForm.Item
        layout="vertical"
        label="vertical"
        name="vertical"
        rules={[{ required: true }]}
        labelCol={{ span: 24 }}
        wrapperCol={{ span: 24 }}
      >
        <Input />
      </AntForm.Item>
    </AntForm>
    <br />
    <AntForm
      name="layout-multiple-vertical"
      layout="vertical"
      labelCol={{ span: 4 }}
      wrapperCol={{ span: 20 }}
    >
      <AntForm.Item label="vertical" name="vertical" rules={[{ required: true }]}>
        <Input />
      </AntForm.Item>
      <AntForm.Item
        layout="horizontal"
        label="horizontal"
        name="horizontal"
        rules={[{ required: true }]}
      >
        <Input />
      </AntForm.Item>
    </AntForm>
  </>
};